.mydiy1{margin-top:120px; height:300px !important}
.mydiy2{width:720px !important;}
.mydiy3{width:540px !important; text-align:right}
.mydiy4{width:1280px; position:relative; margin:0 auto}
.diy5{width:720px !important; margin:60px 0 0 !important;}
.diy6{font-size:15px; border-left:2px #000 solid; padding-top:0; margin-top:20px; padding-left:20px;}
.diy7{font-size:20px !important;}
.wapnav{display:none}
.ftel{display:none}
.foot-wap{display:none}
@media only screen and (max-width: 640px){
	
body{padding-top:0}
	.rc-main img{max-width:100%; height:auto !important;}
	
	.list_news{width:100%}
	.list_news li img{width:120px}
	.list_news li dt{margin-left:135px; font-size:14px;}
	.list_news li dd{margin-left:135px; font-size:13px;overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
	
	.ch-pagelist{margin-top:20px; font-size:12px;}
	
	.article_tui li{float:none; width:100%; margin-left:0;}
	.c_title{font-size:15px; margin-left:0;}
	.c_bz{font-size:15px}
	
	
.ftel{display:block; position:fixed; right:5%; bottom:10%; width:45px;}
#MEIQIA-BTN-HOLDER{left:5% !important; bottom:10% !important; opacity:0.9;}
#MEIQIA-BTN{background-color:#515151 !important; width:45px !important; height:45px !important; border:none !important; padding-top:7px !important; box-sizing:border-box !important;}
#MEIQIA-BTN #MEIQIA-BTN-ICON{
    display: block !important;
    width: 28px !important;
    height: 28px !important;
	margin:0 auto !important;
}
.ftel img{width:100%}
.ftel .ftel-box{position:absolute; width:50px; left:-120%; background:rgba(51,51,51,0.7); border-radius:5px; text-align:center; font-size:13px; top:-50%; padding:5px 0; display:none}
.ftel .ftel-box img{display:block; margin:0 auto; width:50%;}
.ftel .ftel-box p{color:#fff}
.ftelico{opacity:0.8}
.go_home{display:none}

#myCarousel{margin-top:0 !important}
.mywapnav{height:60px}
	
.top{width:100%; height:60px; position:fixed; top:0; left:0; z-index:10001; background-color:#fff}
.top .logo{position:absolute; left:2%; height:50%; top:25%;}
.top .logo h1{font-size:0.1rem; color:#fff}
.top .logo a{position:absolute; left:0; top:0; display:block; height:100%;}
.top .logo a img{height:100%;}
.top .sanya_nav{position:absolute; font-size:14px; right:calc(7% + 30px); top:20%; vertical-align:top}
.top .sanya_nav a{color:#000; display:inline-block; line-height:20px; vertical-align:top}

.top .nav{width:100%; background-color:rgba(255, 255, 255, .87); position:absolute; top:-470px; text-align:center; font-size:16px; z-index:10000; height:auto !important;}
.top .nav nav{padding:0.65rem 0;}
.top .nav nav li{height:40px; line-height:40px}
.top .nav nav a{color:#3e3e3d}
.top .nav .navline {
    height:4px;
    background: rgba(0, 0, 0, 0.3);
}
/*导航动画效果*/
    .menubtn {
        position: absolute;
        right: 4%;
        top: 32%;
        width: 26px;
        height: 26px;
    }

    .menubtn .view {
        height: 100%;
        position: relative;
    }

    .menubtn .line0,
    .menubtn .line1,
    .menubtn .line2 {
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #4d4d4d;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;

        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .menubtn .line0 {
        top: 0;
    }

    .menubtn .line1 {
        top: calc(50% - 1px);
        left: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .menubtn .line2 {
        bottom: 0;
    }

    .menubtn.trans .line0 {
        width: 36px;
		height: 1px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
		
    }

    .menubtn.trans .line1 {
        width: 0;
        left: 50%;
    }

    .menubtn.trans .line2 {
        width: 36px;
		height: 1px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
	
	
	
	
	
	
.pcnav{display:none !important;}
.wapnav{display:block !important;}
	
	
	
	
	
	
	

.home_thr {
    width: 100%;
    margin: 0 auto;
    min-width:inherit;
}

.home_thr ul li {
    display:block;
    width:100%;
    margin-right:inherit;
	margin-top:15px;
}


.home_thr ul li{display:none}
.home_thr ul li:first-child{display:block}

.home_thr ul li dd {
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
	border-bottom:1px #333 solid;
	padding-bottom:10px;
	width:90%; margin:0 auto
}

.home_thr ul li h4 {
    text-align: center;
    font-size: 26px;
    font-weight: normal;
    padding-bottom: 10px;
    font-family: '新宋体';
}


.hunli_left {
    width: 13%;
    float: left;
    border-right: 2px #bfbfbf solid;
    padding-right: 10px;
	display:none;
}

.hunli_right {
    width: 100%;
    float:none;
}

.love_cen {
    width: 96%;
    margin: 20px auto;
    height: auto;
}

.love_title {
    font-size: 20px;
    height: auto;
    color: #414146;
    width: 96%;
    margin: 30px auto 0 auto;
}

.hunli_r_l {
    width: 100%;
    float:none;
}

.hunli_r_r {
    width: 100%;
    float:none;
}

.jinnang_r_l {
    float:none;
    width: 100%;
    display: inline;
}

.jinnang_r_c {
    float: none;
    width: 100%;
    margin-left:inherit;
    display: inline;
}
.jinnang_r_r {
    float: none;
    width: 100%;
    margin-left:inherit;
    display: inline;
}

.flink {
    width: 83%;
    margin: 0 auto;
    font-size: 12px;
    color: #ccc;
	display:none;
}

.foot-wap{
	display:block;
    width: 96%;
    margin: 0 auto;
    text-align: center;
    padding: 35px 0;
    font-size: 13px;
    letter-spacing: 0.03em;
    border-top: 1px solid #eeeeee;
}

.foot{display:none}


.sy_item {
    width: 98%;
    margin: 0 auto;
    height: auto !important;
    margin-top: 70px;
}

.sy_item .item_l {
    width: 100% !important;
    float:none;
    height:auto;
	padding-bottom:20px;
}
.sy_item .item_r {
    width: 100% !important;
    float:none;
    height:auto;
}
.sy_item .item_r img{width:100%; height:auto !important;}

.sy_context {
    width: 98%;
    margin:40px auto 0;
}

.sy_item .item_l p {
    font-size: 28px;
}

.sy_context .sy_con_tit {
    font-size: 28px;
    margin-top: 15px;
}
.sy_con_pic {
    padding-top: 25px;
}

.sy_list {
    width: 98%;
    margin: 0px auto 60px;
}

.sy_list li {
    width:100%;
    margin-left:0;
    display:block;
    vertical-align: top;
    margin-top: 20px;
}

.mydiy4 {
    width: 98%;
    position: relative;
    margin: 0 auto;
}
.mydiy4pic{display:none}
.diy7{font-size:17px !important;}

.diy5 {
    width: 100% !important;
    margin: 60px 0 0 !important;
}
.diy6{font-size:13px !important; border-left:2px #000 solid; padding-top:0; margin-top:20px; padding-left:10px;}
.about_map img{max-width:100%}

.about_map {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    padding-bottom:0;
    padding-top: 10px;
}

.shichangline {
    width: 98%;
    height: auto;
    padding:0;
    border-top: 1px solid #eeeeee;
    margin: 0 auto;
}

.shichang_p {
    width: 100%;
    float:none;
	margin-left:0 !important;
}

.about_address {
    width: 74%;
    text-align: center;
    margin: 0 auto;
    line-height: 45px;
    color: #351d04;
    font-size: 16px;
    padding-bottom:0;
}

.list_wedd {
    width: 98%;
    height: auto;
    margin: 35px auto;
}
.wedd_apply {
    float: right;
    width: 20%;
    height: auto;
	display:none;
}
.pho_show {
    width: 100%;
    float:none;
    position: relative;
    padding-bottom: 200px;
}

.hotel_top {
    background: url(head_bg.jpg) center center;
    height: 300px;
    background-size: cover;
    text-align: center;
    min-width:inherit;
    position: relative;
    width: 100%;
}

.hotel_top dt {
    position: absolute;
    width: 100%;
    left: 0;
    top: 80px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;
}

.hotel_top dd {
    position: absolute;
    width: 100%;
    left: 0;
    top: 130px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: bold;
}



.hotel_top a {
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #FF9800;
    top: 200px;
    width: 160px;
    height: 45px;
    line-height: 45px;
    left: 50%;
    margin-left: -80px;
    display: block;
}

.myjd{display:none}
.hotel_find {
    width: 100%;
    text-align: center;
    padding-top: 50px;
	display:none;
}
.list_hotel {
    width:98%;
    margin: 30px auto;
}

.list_hotel ul li {
    width: 100%;
    margin-left: 0;
    display:block;
    height: 200px;
    overflow: hidden;
    margin-top: 20px;
    border-radius: 5px;
    vertical-align: top;
}

#gallery-wrapper {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin: 0px auto 50px;
	height:auto !important;
}
.white-panel{position:static !important; margin-top:20px; width:100% !important;}

.ch-pagelist li {
    display: inline-block;
    padding: 5px 9px;
    border: #eee 1px solid;
    border-radius: 5px;
    margin-left: 3px;
}

.pho_show {
    width: 100%;
    float: none;
    position: relative;
    padding-bottom:0;
}


.content{
    width: 95%;
    height: auto;
    margin: 0 auto;
    text-align: left;
}

.content img{max-width:100%; height:auto !important;}
.c_con{margin:0; padding-top:20px;}
.c_bq{display:none}

.width1080{width:96%; margin:0 auto}
.crumbs{width:100%}
.bk425_left {
    width: 100%;
    float: none;
}
.bk425_right {
    width: 100%;
    float: none;
}
.rc-title span:last-child{display:none}

.page-list .page-list-item.right{float:none; text-align:left}
.page-list .page-list-item{float:none}

.related_strategy_line {
    width: 100%;
    float: none;
}
.related_strategy_line ul {
    width: 100%;
    float: none;
    margin-right: 30px;
    margin-bottom: 20px;
}

.related_strategy_line .li1{
    overflow: hidden;
    width: 100%;
    height: auto;
}
.related_strategy_line .li1 img {
    width: 100%;
    min-height:inherit;
}
.related_strategy_line .li2{width:100%}
.related_strategy_line .li3,.related_strategy_line .li4{display:none}

	}